html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none!important;} /*******CSS reset*************/ body{overflow-x:hidden;position:relative;z-index:-2;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;} @media (max-width:767px){.hidden-xs {display:none;}} @media(min-width:1400px) { .container {width:1400px;max-width:1400px;position:relative;} } @font-face { font-family: 'iconfont'; src: url('iconfont.eot'); src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff2') format('woff2'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .imgbox {width:100%;position:relative;overflow:hidden;} .imgbox:after {content:'';display:block;padding-top:75%;} .imgbox img {height:100%;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s all;} /*.imgbox:hover img {width:110%;max-width:110%;transition:.36s all;}*/ #flash {overflow:hidden;} .flash-box {width:500px;position:relative;left:50%;top:0;transform:translateX(-50%);} .flash-box img {max-width:100%;} @media (min-width:520px) { .flash-box {width:768px;} } @media (min-width:768px) { .flash-box {width:1000px;} #flash .swiper-button-prev {left: 15%;} #flash .swiper-button-next {right:15%;} } @media (min-width:992px) { .flash-box {width:1440px;} } @media (min-width:1440px) { .flash-box {width:1920px;} #flash .swiper-button-prev {left: 10%;} #flash .swiper-button-next {right:10%;} } .search-wrap {line-height:60px;transition:all .3s;color:#fff;display:flex;justify-content:space-around; width:100%;height:0;overflow:hidden;position:relative;background:rgba(0,0,0,.8);} .search-wrap.active {height:60px;transition:all .3s;z-index:99999;position:sticky;top:0;left:0;right:0;} .search-wrap input {height:30px;line-height: 30px;border:none;border-radius: 5px;padding:0 10px;margin:0 5px;box-sizing: border-box;} .search-wrap .form {display:flex;align-items: center;} @media(min-width:768px) { .search-wrap {line-height:80px;} .search-wrap.active {height:80px;} .search-wrap input {height:40px;line-height: 40px;} } @media(min-width:992px) { .search-wrap {line-height:110px;} .search-wrap.active {height:110px;} .search-wrap input {height:50px;line-height: 50px;padding:0 20px;margin:0 10px;} } .top-bar {position:absolute;top:31px;left:0;width:100%;height:70px;} .logo {color:#fff;height:70px;padding-left:20px;margin:0;} .logo a {color:#fff;} .logo h1 {font-size:28px;font-weight:600;} .logo h1 img {max-width:78%;} .m-nav-btn {color:#fff;text-align:center;position:absolute;right:30px;top:15px;height:40px;background:#fc8a00;border-radius:3px;box-shadow:1px 1px 5px 0 rgba(0,0,0,.5);cursor:pointer;padding:0 10px;font-size:12px;} .m-nav-btn>div {padding:0;line-height: 16px;} .m-nav-btn i {font-size:20px;} .header {position:relative;top:0;left:0;right:0;height:100px;z-index:99;} .header .nav {margin:0 auto;} .header .nav li {color:#fff;padding:0 30px;line-height:100px;} .header .nav li a {display:block;color:#fff;text-decoration:none;} .header .nav li a:after {content:'';display:block;width:0px;margin:0 auto;height:3px;background:#fff;transform:translateY(-25px);} .header .nav li:hover a:after,.header .nav li.active a:after {width:25px;transition:.3s width;} .top-tel {color:#fff;line-height:30px;background:#024999;width:100%;text-align:right;font-size:16px;} .top-tel span {padding:10px 20px;} .m-nav {position:fixed;top:101px;left:0;right:0;width:100%;z-index:9999;overflow:hidden;height:0;color:#fff;background:#024999;transition:1s height;} .m-nav li {text-align:center;line-height:40px;border:2px solid #024999;border-bottom:2px solid rgba(255,255,255,.1);} .m-nav li a {display:block;color:#fff;} .m-nav.active {height:89vh;transition:1s height;} .m-nav li:hover {border:2px solid rgba(255,255,255,.1);background:#fff;} .m-nav li:hover a {color:#000;} .search-btn {padding:0 15px;} @media (max-width:1199px) { .header .container {width:100%;max-width:100%;} } @media (max-width:767px) { .top-tel {border-bottom: 1px solid rgba(255,255,255,.3);} .top-tel span {padding:10px 5px;} .logo {background: #024999;padding-left:0;} .logo h1 img {max-height:45px;} } @media (min-width:768px) { .m-nav {top:100px;width:345px;} .header {height:100px;background:#024999;} .top-bar {border:0;top:0px;width:330px;} .m-nav-btn {right:0px;top:0px;height:100px;padding:0 20px;border-radius:0px;box-shadow:unset;} .header .nav {overflow-x:scroll;overflow-y:hidden;white-space:nowrap;position:absolute;right:0;width:55%;height:100px;} .header .nav::-webkit-scrollbar {height:5px;background:none;} .header .nav::-webkit-scrollbar-thumb {background:rgba(255,255,255,.3);border-radius:5px;} .header .nav li {display:inline-block;} } @media (min-width:992px) { .header .nav {width:60%;overflow:hidden;text-align:center;} .header .nav li {padding:0;flex:1;} } @media (min-width:1200px) { .m-nav li {line-height:60px;font-size:18px;} .m-nav-btn i {font-size:36px;} /*椤堕儴瀵艰埅娴姩鏍峰紡*/ .header.onmove {background:#024999;transition:.5s all;height:80px;box-shadow:0 0 10px 0 #000;} .header.onmove .top-bar {height:80px;transition:.5s all;} .header.onmove .logo {height:80px;transition:.5s all;} .header.onmove .nav {line-height:80px;transition:.5s all;} .header.onmove .nav li {line-height:80px;transition:.5s all;} .header.onmove .top-tel {height:80px;line-height:80px;transition:.5s all;} .header.onmove .m-nav-btn {height:80px;transition:.5s all;} .m-nav {top:110px;} .m-nav.onmove {top:80px;} /*椤堕儴瀵艰埅娴姩鏍峰紡*/ .logo {height:110px;transition:.5s all;} .logo h1 {font-size:40px;} .top-bar {position:fixed;left:0;height:110px;transition:.5s all;} .header {position:fixed;background:none;height:110px;transition:.5s all;} .header .nav {width:50%;left:50%;transform:translateX(-38%);} .header .nav li {line-height:110px;font-size:16px;transition:.5s all;} .m-nav-btn {height:110px;transition:.5s all;} .top-tel {background:none;height:110px;line-height:110px;color:#fff;width:unset;position:absolute;right:0;transition:.5s all;} .top-tel span {padding:5px 20px;border:1px solid rgba(255,255,255,.3);} } @media(min-width:1440px) { .container {width:1400px;max-width:1400px;position:relative;} .header .nav {width:60%;transform:translateX(-45%);} .top-tel {right:-30px;} } @media (min-width:1700px) { .m-nav {width:475px;} .logo {padding-left:45px;font-weight:600;font-size:15px;} .logo h1 {font-size:40px;} .top-bar {width:460px;} .header .nav {transform:translateX(-50%);} .top-tel {font-size:24px;} } /*header鏍峰紡*/ /*棣栭〉浜у搧涓績鏍峰紡*/ .index01 {position:relative;overflow:hidden;padding:40px 0;} .index01-title {text-align:center;background: url(../Image/index01_title.jpg) no-repeat center;} .index01-title .t1 {color:#343434;font-size:24px;} .index01-title .t2 {color:#d6d6d6;} .index01-type {margin:25px 0 15px;width:100%;padding:0 15px;} .index01-type-title {color:#024999;font-weight:600;margin-right:20px;margin-bottom:10px;} .index01-type a {font-size:12px;display:inline-block;padding:0 15px;color:#555;border-right:1px solid #dfdfdf;margin-bottom:10px;} .index01-type a:last-child {border:0;} .index01-slide {color:#6e6e6e;} .index01-slide-img {overflow:hidden;border: 1px solid rgba(222,222,222,.3);} .index01-slide-title-left {line-height:35px;} .index01-slide-title-right-slide {color:#6e6e6e;flex:1;padding:5px 0;border:1px solid #6e6e6e;border-radius:5px;text-align:center;font-size:12px;} .index01-slide-title-right-slide i {display:block;margin:0 auto;background:url(../Image/images.png) no-repeat;} .index01-slide-title-right-slide:nth-child(1) i {width:22px;height:22px;margin-bottom:3px;background:url(../Image/images.png) no-repeat;background-position:-22px -63px;transition:.5s all;} .index01-slide-title-right-slide:nth-child(2) i {width:24px;height:22px;margin-bottom:3px;background:url(../Image/images.png) no-repeat;background-position:-24px -0px;transition:.5s all;} .index01-slide-title-right-slide:nth-child(3) i {width:22px;height:22px;margin-bottom:3px;background:url(../Image/images.png) no-repeat;background-position:-22px -41px;transition:.5s all;} .index01-more {padding:5px 0;text-align:center;margin:0 auto;border:1px solid #969696;width:190px;margin-top:40px;} .index01-more a {color:#fff;} .index01-bg {background:#000;position:absolute;bottom:0;left:0;right:0;height:55%;z-index:-1;} @media(max-width:767px) { .index01 {padding-bottom:0;} .index01-type {display:flex;flex-flow:row wrap;} .index01-type a {display:inline;flex:1;flex-basis:33.33%;max-width:33.33%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} /*.index01-type a:nth-child(2) {padding-left:0;}*/ .index01-more {margin-top: 20px;margin-bottom: 20px;} } @media (min-width:768px) { .index01-slide-title {margin-top:15px;} .index01-slide-title:after {content:'';display:block;clear:both;} .index01-slide-title-left {float:left;} .index01-slide-title-right-slide {margin-left:5px;padding:5px;} } @media(min-width:992px) { .index01-slide-title-right {float:right;} } @media (min-width:1200px) { .index01 {padding:65px 0 75px;} .index01-type {font-size:16px;margin:65px 0 45px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} .index01-type a {font-size:16px;padding:0 10px;} .index01-title .t1 {font-size:40px;} .index01-title .t2 {font-size:16px;} .index01-slide:hover a {color:#fff;} .index01-slide:hover img {height:110%;width:110%!important;transition:all .36s;} .index01-slide-title-left {line-height:50px;font-size:16px;} .index01-slide-title-right-slide {margin-left:10px;} .index01-slide-title-right-slide:hover {color:#fff;transition:.5s all;cursor:pointer;} .index01-slide-title-right-slide:hover i {background-position-x:0;transition:.5s all;} .index01-more {font-size:15px;padding:10px 0;margin-top:70px;} .index01-more:hover {background:#fff;transition:.3s all;border-color:#fff;} .index01-more:hover a {color:#333;} } /*棣栭〉浜у搧涓績鏍峰紡*/ /*棣栭〉瑙e喅鏂规鏍峰紡*/ .index02 {color:#fff;position:relative;padding:30px 0;overflow: hidden;} .index02-bg {position:absolute;top:0;left:0;right:0;background: #024999;height:600px;z-index: -1;} .index02-title {font-size:24px;text-align: center;margin:30px auto;} .index02-title span {color:yellow;} .index02-title small {font-size:12px;color:#fff;display:block;} .index02-company {line-height: 24px;height:96px;overflow:hidden;padding:0 15px;margin:25px 0;text-align: justify;} .index02-number-slide div {color:#ffde00;white-space: nowrap;} .index02-number-slide div p {display:inline;font-size:36px;font-weight:bold;} .index02-number-slide div>i {font-size:12px;} .index02-number-slide>span {font-size:12px;color:#fff;} .index02-more {padding:5px 0;text-align:center;margin:0 auto;border:1px solid #fff;width:190px;margin-bottom:25px;} .index02-more a {color:#fff;} .index02-content ul {overflow:hidden;} .index02-content li {position:relative;float:left;width:50%;overflow:hidden;transition:.5s all;} .index02-content li img {width:100%;} .index02-layer {position:absolute;z-index: 9;left:10%;top:25%;width:80%;text-align: center;} .index02-layer b {font-size:38px;} .index02-layer i {display:block;width:20px;height:2px;background:#fff;margin:2px auto 10px;} .index02-layer h2 {font-size:16px;font-weight:600;margin-bottom: 15px;} .index02-layer p {opacity: 0;position:absolute;left:0;right:0;top:0;bottom:0;z-index: 99;line-height: 24px;font-size:12px;} .index02-content li:hover .index02-layer {top:0;left:15px;right:15px;width:unset;text-align: justify;} .index02-content li:hover .index02-layer-txt {display:none;} .index02-content li:hover p {opacity: 1;padding-top:25px;} .index02-content li p a {display:none;} .index02-shadow {position:absolute;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,.7);z-index:1;} .index02-content li.active .index02-shadow {background: rgba(2,73,153,.8);} @media(max-width:767px) { .index02-number-slide {margin-bottom: 15px;} } @media (min-width:768px) { .index02-bg {height:77%;} .index02-title {font-size:40px;margin:40px auto;} .index02-title small {font-size:16px;} /*.index02-number-slide div p {font-size:28px;}*/ .index02-number-slide>span {font-size:12px;} .index02-content li {position:relative;float:left;width:22%;height:360px;overflow:hidden;transition:.5s all;} .index02-content li img {position:absolute;left:0;top:0;right:0;width:unset;} .index02-layer {text-align: left;} .index02-layer i {width:30px;margin:10px 0 15px;} .index02-layer p {position:unset;display:none;} .index02-content li p a {color:#fff;margin-top:30px;width:35%;display:block;border:1px solid #fff;text-align: center;line-height: 35px;} .index02-content li p a:hover {background: #024999;color:#fff;} .index02-content li:hover .index02-layer-txt {display:unset;} .index02-content li:hover .index02-layer {top:30px;left:10%;width:80%;} .index02-content li:hover p {padding-top:0;} .index02-content li.active .index02-layer i {/*background:#024999;*/} .index02-content li.active .index02-layer {/*color:#024999;*/text-align: left;top:40px;} .index02-content li.active .index02-layer p {display:block;} .index02-content li.active {width:34%;transition:.5s all;} .index02-content li.active img {position:absolute;top:0;left:0;right:0;bottom:0;} .index02-content li.active .index02-layer p {opacity: 1; text-align: justify;} } @media (min-width:992px) { .index02-layer b {font-size:40px;} .index02-layer h2 {font-size:22px;} .index02-layer p {font-size:14px;} .index02-number-slide div p {font-size:36px;} .index02-number-slide div>i {font-size:14px;} .index02-number-slide>span {font-size:14px;} .index02-company {line-height: 30px;text-align:center;margin:40px 0;} } @media (min-width:1200px) { .index02-layer p {width:301px;} .index02-layer b {font-size:50px;} .index02-layer i {width:55px;} .index02-layer h2 {font-size:30px;font-weight:normal;} .index02-number-slide div p {font-size:70px;} .index02-number-slide div>i {font-size:16px;} .index02-number-slide>span {font-size:16px;} .index02-content li {height:530px;} .index02-content li img {height:100%;} .index02-content li.active img {width:100%;} .index02-content li.active .index02-layer {top:55px;} .index02-content li.active p {line-height: 30px;} .index02-more {font-size:15px;padding:10px 0;margin-bottom: 80px;} .index02-more:hover {background:#fff;transition:.3s all;border-color:#fff;} .index02-more:hover a {color:#024999;font-weight:bold;} } @media (min-width:1441px) { .index02-layer p {width:372px;} } /*棣栭〉瑙e喅鏂规鏍峰紡*/ /*棣栭〉鏂藉伐妗堜緥鏍峰紡*/ .index03 {padding:20px 0;position:relative;} .index03-left {padding:0 15px;} .index03-left-img {overflow:hidden;border:1px solid #eee;position:relative;} .index03-left-img:after {content:'';display: block;padding-top:75%;} .index03-left-img img {width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .index03-title {font-size:24px;margin:20px 0;} .index03-title small {display:block;font-size:14px;color:#c7c7c7;} .index03-right-content {line-height: 24px;font-size:12px;text-align: justify;} .index03-right-content h2 {font-size:16px;line-height:24px;font-weight:600;margin:10px 0 20px;} .index03-right-content-more {display:block;border:1px solid #717171;color:#717171;text-align: center;margin:15px 0;width:100px;} .index03 .swiper-pagination-bullet {background: none; border: 1px solid;margin:0 2px;} .index03 .swiper-pagination-bullet-active {background: #666;} .index03-swiper-pagination {margin:10px 0;} @media (min-width: 768px) { .index03-right {padding-left:30px;} .index03 i {display:block;position:absolute;top:55px;left:50%;transform:translateX(-45px);z-index:9;height:4px;width:60px;background: #024999;} } @media (min-width: 992px) { .index03-right {padding-left:80px;} .index03-title {font-size:35px;} .index03-title small {font-size:18px;} .index03-right-content {font-size:14px;line-height: 24px;} .index03-right-content h2 {font-size:18px;margin:30px 0;line-height:32px;} .index03-right-content-more {width:200px;height:45px;line-height:45px;} .index03-right-content-more:hover {background: #024999;color:#fff;border-color:#024999;transform:translateY(-5px);transition:.5s transform;} .index03 i {height:6px;width:100px;top:70px;transform:translateX(-65px);} } @media (min-width:1200px) { .index03-swiper-pagination {margin:20px 0 25px;} .index03 {margin-top:30px;} .index03-title {margin-top:80px;} } /*棣栭〉鏂藉伐妗堜緥鏍峰紡*/ /*棣栭〉鏂伴椈鍔ㄦ€佹牱寮?/ .index04 {position:relative;overflow:hidden;padding:30px 0;} .index04-title {text-align:center;background: url(../Image/index01_title.jpg) no-repeat center;} .index04-title .t1 {color:#343434;font-size:24px;} .index04-title .t2 {color:#d6d6d6;} .index04-left,.index04-right {margin-top:30px;} .index04-left-slide {margin-bottom:15px;} .index04-left-slide-time {color:rgba(0,0,0,.6);font-size:20px;font-weight:600;text-align:right;border-right:1px solid rgba(0,0,0,.1);} .index04-left-slide-time small {font-size:12px;font-weight:normal;color:rgba(0,0,0,.6);} .index04-left-slide-title {margin-bottom: 15px;transition:.36s all;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .index04-left-slide-content {font-size: 12px;line-height: 24px;max-height:72px;overflow:hidden;color:rgba(0,0,0,.6);margin:10px 0;} .index04-right-slide {text-align:center;} .index04-right-slide-img {overflow:hidden;position:relative;} .index04-right-slide-img:after {content:'';display:block;margin-top:57%;} .index04-right-slide-img img {max-width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s all;} .index04-right-slide-title {line-height: 45px;margin-top:15px;} .index04-more {margin:20px auto;text-align: center;line-height: 35px;height:35px;border:1px solid rgba(0,0,0,.6);display:block;width:200px;} @media (min-width:992px) { .index04-left,.index04-right {margin-top:50px;} .index04-left-slide {margin-bottom:40px;cursor:pointer;} .index04-left-slide-time {font-size:25px;} .index04-left-slide-time small {font-size:14px;font-weight:normal;} .index04-left-slide-title {margin-bottom: 20px;} .index04-left-slide-content {font-size: 14px;} .index04-left-more {font-size:20px;} .index04-right-slide-title {font-size: 16px;font-weight:600;text-align:left;margin-top:20px;} .index04-more {margin:30px auto 45px;line-height: 45px;height:45px;} .index04-more:hover {background: #024999;color:#fff;border-color:#024999;transform:translateY(-5px);transition:.5s transform;} .index04-left-slide-title:hover {color:#024999;padding-left:15px;transition:.36s all;} .index04-left-slide:hover .index04-left-slide-content {text-decoration: underline;} .index04-left-slide:hover .index04-left-more {padding-left:15px;transition:.5s padding;} .index04-right-slide-img:hover img {opacity:.8;transition:.36s all;} } @media (min-width:1200px) { .index04 {padding-top:70px;} .index04-left-slide-title {font-size: 16px;margin-bottom: 25px;} .index04-title .t1 {font-size:40px;} .index04-title .t2 {font-size:16px;} .index04-right-slide-title {margin-top:30px;} } /*棣栭〉鏂伴椈鍔ㄦ€佹牱寮?/ /*鍐呴〉鍏敤鏍峰紡*/ .page {margin: 20px auto;} .inbanner {overflow:hidden;position:relative;} .inbanner img {position:relative;left:50%;transform:translateX(-50%);width:600px;} .inbanner-content {color:#fff;text-align: center;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);} .inbanner h2 {font-size:22px;line-height:32px;} .inbanner small {color:rgba(49,47,47,.42);/*letter-spacing:4px;*/} .inpage-main {margin-bottom:50px;} .location {border-bottom:1px solid #eee;line-height: 40px;} .location-nav a {color:#888;text-align: center;display:block;position:relative;white-space: nowrap;} .location-nav a:hover,.location-nav a.active {color:#024999;} .location-nav a:hover:after,.location-nav a.active:after {content:'';display:block;height:3px;width:50%;transform:translateX(-50%);background: #024999;position:absolute;bottom:0px;left:50%;} .inpage-main-location {color:#666;width:100%;padding-right:15px;text-align: right;white-space: nowrap;} .inpage-main-title {font-size: 20px;width:100%;text-align: center;} .inpage-main-description {line-height: 40px;font-size:12px;border:1px solid #eee;border-left:0;border-right:0;margin:15px 0;text-align: center;} .inpage-main-content {line-height: 2.5rem;} .inpage-main-content img {max-width:100%!important;} @media(max-width:767px) { .inbanner {max-height:150px;} .inpage-main {margin-top:20px;} } @media(min-width:768px){ .inbanner img {width:100%;} .inpage-main-title {font-size:24px;} .inpage-main-description {font-size:14px;} .location {margin-bottom: 20px;} } @media(min-width:1200px) { .inbanner {max-height:350px;} } @media(min-width:1400px){ .location {line-height: 75px;} .location-nav {font-size:16px;} .inpage-main-location {font-size:15px;} .inbanner img {width:1920px;} .inbanner h2 {font-size:50px;line-height:100px; font-weight: bold;} .inbanner small {font-size:16px;margin-top:25px;} .inpage-main-title {font-size:28px;} .inpage-main-description {line-height: 60px;margin:25px 0;} .inpage-main-content {font-size:16px;} } /*鍐呴〉鍏敤鏍峰紡*/ /*浜у搧缁煎悎椤垫牱寮?/ .inpro-list {flex-flow:row wrap;padding-top: 20px;} .inpro-slide {font-size:12px;line-height: 32px;flex-basis: 33.1%;text-align:center;padding:0 5px;margin-bottom:15px;} .inpro-slide a {background:#e6e6e6;color:#666666;padding:0 5px;display:block;overflow:hidden;white-space: nowrap;position:relative;} @media(max-width:767px){ .inpro-slide {max-width:33.33%;} } @media(min-width:768px){ .inpro-slide {font-size:14px;flex-basis: 25%;} } @media(min-width:992px) { .inpro-slide a:hover {background: #024999;color:#fff;} .inpro-slide.active a {background: #024999;color:#fff;} } @media(min-width:1200px){ .inpro-list {flex-flow:row wrap;padding:0;padding-top: 36px;} .inpro-slide {font-size:16px;line-height: 40px;flex-basis: 20%;} } .product-list {border-bottom:1px solid rgba(0,0,0,.2);} .product-list-slide {padding:15px;} .product-list-slide-img {background:#fff;border:1px solid #eee;overflow:hidden;} .product-list-slide-img img {transition:.5s all;} .product-list-slide-title-left {line-height:35px;font-weight:600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .product-list-slide-title-right-slide {color:#6e6e6e;flex:1;padding:5px 0;border:1px solid #6e6e6e;border-radius:5px;text-align:center;font-size:12px;} .product-list-slide-title-right-slide i {display:block;margin:0 auto;background:url(../Image/images.png) no-repeat;} .product-list-slide-title-right-slide:nth-child(1) i {width:22px;height:22px;margin-bottom:3px;background:url(../Image/images.png) no-repeat;background-position:-22px -63px;transition:.5s all;} .product-list-slide-title-right-slide:nth-child(2) i {width:24px;height:22px;margin-bottom:3px;background:url(../Image/images.png) no-repeat;background-position:-24px -0px;transition:.5s all;} .product-list-slide-title-right-slide:nth-child(3) i {width:22px;height:22px;margin-bottom:3px;background:url(../Image/images.png) no-repeat;background-position:-22px -41px;transition:.5s all;} @media (min-width:768px) { .product-list-title {font-size:24px;margin:15px 0;} .product-list-title i {font-size:20px;font-style:unset;color:#fff;background:#024999;padding:0 5px;margin-right:10px; } .product-list-title a {position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size:15px;color:rgba(0,0,0,.6);} .product-list-slide-title {margin-top:15px;} .product-list-slide-title:after {content:'';display:block;clear:both;} .product-list-slide-title-left {float:left;} .product-list-slide-title-right {float:right;} .product-list-slide-title-right-slide {margin-left:5px;padding:5px;} } @media (min-width:1200px) { .product-list {border-bottom:1px solid rgba(0,0,0,.2);padding:50px 0 90px;} .product-list-title {font-size:30px;} .product-list-title i {font-size:25px;} .product-list-slide {margin-bottom: 30px;} .product-list-slide-title-left {line-height:50px;font-size:16px;max-width:135px;} .product-list-slide-title-right-slide {margin-left:10px;} .product-list-slide:hover {background:#024999;color:#fff;transition:background .36s ease-in;} .product-list-slide:hover .product-list-slide-title-left {color:#fff;} .product-list-slide:hover i {background-position-x:0;transition:.5s all;} .product-list-slide:hover .product-list-slide-title-right-slide {color:#fff;border-color:#fff;} } @media (min-width:1440px) { .product-list-slide-title-left {max-width:220px;} } /*浜у搧缁煎悎椤垫牱寮?/ /*鏂伴椈鍒楄〃椤垫牱寮?/ .news-list {margin-bottom: 70px;} .news-slide {padding:15px 15px;border-bottom:1px dashed #ddd;} .news-slide-title {font-size:18px;font-weight:600;} .news-slide-content {line-height: 24px;font-size:12px;margin:10px 0;color:rgba(0,0,0,.6);} .news-slide-time {color:#ddd;font-size:12px;} .news-img-slide {margin-bottom:15px;} .news-img-slide-img {text-align: center;border:1px solid #eee;padding:10px;position:relative;overflow:hidden;} .news-img-slide-img:after {content:'';display:block;padding-top:75%;} .news-img-slide-img img {max-width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .news-img-slide-title {margin-top:15px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;} .news-img-slide-content {color:rgba(0,0,0,.6);line-height: 24px;} .news-img-slide-content h2 {font-size:18px;line-height: 45px;} a.news-img-slide-more {color:#aaa;display:block;border: 1px solid #eee;text-align: center;width:100px;line-height:45px;margin:15px 0;} @media(max-width:767px) { .news-list {margin-top:20px;} } @media(min-width:768px) { .news-slide-title {font-size:18px;} .news-slide-content {line-height: 28px;font-size:14px;margin:15px 0;} .news-slide-time {font-size:14px;} } @media(min-width:992px){ .news-slide {padding:25px 15px;} .news-slide-title {font-size:20px;font-weight:500;} .news-slide-content {line-height: 32px;font-size:16px;} .news-slide:hover .news-slide-content {text-decoration: underline;} .news-img-slide {margin-bottom:40px;} /*.news-img-slide-img {box-shadow: 0 20px 40px -20px #999}*/ .news-img-slide-img img {max-width:100%;} .news-img-slide-content {max-width:70%;margin:0 auto;/*padding-top:35px;*/} .news-img-slide-content h2 {font-size:32px;line-height: 60px;} .news-img-slide-content p {line-height: 32px;margin:30px 0;} a.news-img-slide-more {width:200px;} a.news-img-slide-more:hover {background: #024999;color:#fff;} .news-img-slide-img:hover {opacity: .8;} .news-img-slide-title {font-size:14px;} } /*鏂伴椈鍒楄〃椤垫牱寮?/ /*鏂伴椈钀藉湴椤垫牱寮?/ .news-info {} /*鏂伴椈钀藉湴椤垫牱寮?/ /*鍏充簬鎴戜滑鏍峰紡*/ .company-01 {padding-bottom:20px;} .cp-title {font-size:20px;text-align: center;margin:30px auto;} .cp-title span {color:yellow;} .cp-title small {font-size:12px;display:block;} .cp-number-slide div p {font-size:24px;color:#024999;font-weight:bold;display:inline;} .cp-number-slide div>i {font-size:12px;font-style:normal;font-weight:bold;color:#024999;} .cp-number-slide>span {font-size:12px;color:#919191;} .cp01-left img {max-width:100%;} .cp01-right {line-height: 2rem;margin:20px 0;} @media(max-width:767px) { .cp-number-slide {margin-bottom: 20px;} } @media(min-width:768px){ .cp-title {font-size:30px;margin:40px auto;} .cp-title small {font-size:16px;} .cp-number-slide div p {font-size:28px;} .cp01-left {text-align: left;margin-bottom:30px;} } @media(min-width:992px){ .company-01 {padding-bottom:60px;} .cp-title {font-size:36px;} .cp-title small {margin-top:20px;} .cp-number-slide div p {font-size:36px;} .cp-number-slide div>i {font-size:14px;} .cp-number-slide>span {font-size:14px;} .cp01-left {text-align: left;padding-top:30px;} .cp01-right {line-height: 2.5rem;} } @media (min-width:1200px) { .company-01 {padding-bottom:80px;} .cp-title small {font-size:19px;} .cp-number-slide div p {font-size:70px;} .cp-number-slide div>i {font-size:16px;} .cp-number-slide>span {font-size:16px;} .cp01-right {font-size:16px;} } .cp02 {color:#fff;position:relative;padding:30px 0;overflow: hidden;} .cp02-bg {position:absolute;top:0;left:0;right:0;background: #024999;height:600px;z-index: -1;} .cp02-title {font-size:20px;text-align: center;margin:30px auto;} .cp02-title span {color:yellow;} .cp02-title small {font-size:12px;display:block;color:rgba(255,255,255,.6);} .cp02-content ul {overflow:hidden;} .cp02-content li {position:relative;float:left;width:50%;overflow:hidden;transition:.5s all;} .cp02-content li img {width:100%;} .cp02-layer {position:absolute;z-index: 9;left:10%;top:35%;width:80%;text-align: center;color:#fff;} .cp02-layer b {font-size:24px;} .cp02-layer i {display:block;width:20px;height:2px;background:#fff;margin:2px auto 10px;} .cp02-layer h2 {font-size:16px;font-weight:600;margin-bottom: 15px;} .cp02-layer p {opacity: 0;position:absolute;left:0;right:0;top:0;bottom:0;z-index: 99;line-height: 24px;font-size:12px;} .cp02-content li:hover .cp02-layer {top:0;left:15px;right:15px;width:unset;text-align: justify;} .cp02-content li:hover .cp02-layer-txt {display:none;} .cp02-content li:hover p {opacity: 1;padding-top:25px;} .cp02-content li p a {display:none;} .cp02-shadow {position:absolute;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,.7);z-index:1;} .cp02-content li.active .cp02-shadow {background: rgba(2,73,153,.8);} @media (min-width:768px) { .cp02-bg {height:65%;} .cp02-title {font-size:30px;margin:40px auto;} .cp02-title small {font-size:16px;} .cp02-content li {position:relative;float:left;width:22%;height:360px;overflow:hidden;transition:.5s all;} .cp02-content li img {position:absolute;left:0;top:0;right:0;width:unset;} .cp02-layer {text-align: left;} .cp02-layer i {width:30px;margin:10px 0 15px;} .cp02-layer p {position:unset;display:none;} .cp02-content li p a {color:#fff;margin-top:20px;width:35%;display:block;border:1px solid #fff;text-align: center;line-height: 35px;} .cp02-content li p a:hover {background: #024999;color:#fff;} .cp02-content li:hover .cp02-layer-txt {display:unset;} .cp02-content li:hover .cp02-layer {top:30px;left:10%;width:80%;} .cp02-content li:hover p {padding-top:0;} .cp02-content li.active .cp02-layer {text-align: left;top:40px;color:#fff;} .cp02-content li.active .cp02-layer i {background:#fff;} .cp02-content li.active .cp02-layer p {display:block;} .cp02-content li.active {width:34%;transition:.5s all;} .cp02-content li.active img {position:absolute;top:0;left:0;right:0;bottom:0;} .cp02-content li.active .cp02-layer p {opacity: 1;} } @media (min-width:992px) { .cp02-title {font-size:36px;} .cp02-title small {margin-top:20px;} .cp02-layer b {font-size:40px;} .cp02-layer h2 {font-size:22px;} .cp02-layer p {font-size:14px;} } @media (min-width:1200px) { .cp02-content li {height:530px;} .cp02-content li img {height:100%;} .cp02-content li.active img {width:100%;} .cp02-content li.active .cp02-layer {top:55px;} .cp02-content li.active p {line-height: 34px;} } .cp03 {position:relative;padding:30px 0;overflow: hidden;} .cp03-bg {position:absolute;top:0;left:0;right:0;background: #024999;height:600px;z-index: -1;} .cp03-title {font-size:20px;text-align: center;margin:30px auto;} .cp03-title span {color:yellow;} .cp03-title small {font-size:12px;display:block;} .cp03-more {padding:5px 0;text-align:center;margin:0 auto;border:1px solid #999;width:190px;margin-bottom:25px;} @media (min-width:768px) { .cp03-bg {height:65%;} .cp03-title {font-size:30px;margin:40px auto;} .cp03-title small {font-size:16px;} } @media (min-width:992px) { .cp03-title {font-size:36px;} .cp03-title small {margin-top:20px;} .cp03-slide {padding: 5%;border: 1px solid #eee;} } @media(min-width:1200px) { .cp03-more {font-size:15px;padding:10px 0;margin-bottom: 80px;} .cp03-more:hover {background:#024999;transition:.3s all;border-color:#024999;} .cp03-more:hover a {color:#fff;} } /*鍏充簬鎴戜滑鏍峰紡*/ /*footer鏍峰紡*/ .footer {background: #202020;color:#939393;} .footer-nav {border-bottom:1px solid rgba(147,147,147,.1);margin-bottom: 20px;} .footer-nav .container {flex-flow:row wrap;padding:15px 0;} .footer-nav a {color:rgba(255, 255, 255, .6);text-align:center;line-height:35px;flex-basis:33%;} .footer-ewm-slide {flex:1;margin:0 10px;} .footer-ewm-slide-img {margin:0 auto;max-width:110px;overflow:hidden;} .footer-ewm-slide-img img {max-width:100%;} .footer-ewm-slide-title {text-align: center;line-height: 35px;} .footer-contact {color:rgba(255, 255, 255, .6);font-size:12px;padding:20px 0;text-align: center;line-height: 30px;} .footer-contact h3 {color:#fff;font-size:16px;margin-bottom: 10px;} .footer-contact h3 span {font-size:20px;font-weight:500;} .footer-type {color:rgba(255, 255, 255, .6);line-height: 32px;} .footer-bottom {font-size: 12px;text-align: center;padding: 20px 0;line-height: 30px;} .footer-share a {display: inline-block;margin:0 10px;background: url(../Image/images.png) no-repeat;} .footer-share a:nth-child(1) {width:22px;height:24px;margin-top:1px;background-position:-72px 0;} .footer-share a:nth-child(2) {width:26px;height:26px;background-position:-76px -24px;} .footer-share a:nth-child(3) {width:30px;height:26px;background-position:-80px -50px;} @media (min-width:768px) { .footer-nav a {flex:1;} .footer-contact {text-align: left;padding-left: 50px;} .footer-bottom {text-align: left;} .footer-share {float:right;} .footer-ewm-slide {margin:0 13px;} } @media (min-width:1200px) { .footer-index03 {margin-bottom: 50px;} .footer a:hover {color:#fff;} .footer .container {max-width:1250px;} .footer-contact {font-size:14px;} .footer-type {padding-top:15px;padding-left: 60px;} .footer-bottom {font-size:14px;padding-top:60px;} .footer-share a:hover {background-position-x: -50px;} } /*footer鏍峰紡*/ /*搴曢儴瀵艰埅*/ .page-margin {height:70px;} #page-footer ul li {width:25%;} .page-footer {z-index:998;background-color: #000;position: fixed;bottom: 0;left:0;width: 100%;margin:0;} .page-footer li {float:left;height:70px;line-height:50px;text-align: center;padding:10px 0;} .page-footer li a {width:100%;height:100%;text-align:center;color:#fff;} .page-footer li:hover {background:#555;} .page-footer li a i{font-size: 24px;color: #fff;display: block;margin-bottom: -10px;} #page-footer.five ul li {width:20%!important;} .top {line-height:50px;font-size: 36px;color: #fff;} .top_li {display:none;} .five .top_li {display:block;} /*搴曢儴瀵艰埅*/ /*contact css*/ #allmap {width:100%;height:500px;overflow:hidden;line-height:28px;border:none;} .con_title {font-size:2.5rem;color:#232323;padding-top:2rem} .con_title small {font-size:14px;color:#959595;padding-left:1rem} .contactbox {position:relative;} .contactbox01 {width:100%;height:auto;overflow:hidden;position:relative;z-index:2} .contactbox01 .container {position:relative;} .contactbox02 {position:relative;z-index:1} .contactbox01 .lxlist {padding:2rem 0} .contactbox01 .lxlist li {padding:14px 0;line-height:22px;height:auto;overflow:hidden;} .contactbox01 .lxlist li img {float:left;padding-right:1rem} .contactbox01 .lxlist li big {line-height:44px;font-size:30px} .contactbox01 .kefu {background:#024999;transition:1s all} .contactbox01 .kefu img {display:block;margin:0 auto} .contactbox01 .kefu:hover {background:#232323} .contactbox .closecontact {width:30px;height:30px;right:30px;top:30px;position:absolute;} .contactbox01 .msg01 {width:100%;height:48px;line-height:48px;color:#959595;border:1px solid #d2d2d2;padding:0px 15px;outline:none;margin-bottom:20px;display:block;} .contactbox01 .msg02 {width:100%;height:118px;color:#959595;line-height:48px;border:1px solid #d2d2d2;padding:0px 10px;outline:none;margin-bottom:20px;display:block;} .contactbox01 .captcha {width:60%;height:48px;line-height:48px;color:#959595;border:1px solid #d2d2d2;padding:0px 15px;outline:none;margin-bottom:20px;float:left;} .contactbox01 .msg03 {width:36%;height:48px;text-align:left;text-indent:2rem;line-height:48px;color:#fff;border:1px solid #024999;background:#024999;padding:0px 10px;float:right;outline:none;margin-bottom:1rem;transition:0.4s all} .contactbox01 .msg03:hover {border:1px solid #232323;} .contactbox01 .G_inimg {height:30px;margin-left:-25%;float:left;margin-top:9px;} .contactbox01 .Validform_checktip {display:none !important} .contactbox01 .msgbox {padding:15px 0;height:auto;overflow:hidden;} @media(max-width:767px) { .contactbox01 .G_inimg { margin-left: -30%;} } @media(min-width:1200px) { .contactbox01 {position:absolute;left:0;top:-75px;z-index:10} .contactbox01 .container {background:#fff;padding:25px 86px 90px} .con_title {font-size:44px} .contactbox01 .kefu {width:361px;height:72px;} .contactbox02 {height:820px} #allmap {height:820px} .contactbox01 .msg01,.contactbox01 .msg02,.contactbox01 .captcha {font-size:14px} .contactbox01 .lxlist li {font-weight:bold;font-size:24px;line-height:28px;} .contactbox01 .lxlist li img:nth-child(1) {padding-right:40px;} }